<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <!-- 套css -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
      integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
      crossorigin="anonymous"
    />
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
    <title>学生党小陈|Chan</title>
  </head>
  
  <body>
  <!-- 工具栏-->
  <div class="mdui-container">
  <div class="mdui-toolbar">
  <button class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#left-drawer'}"><i class="mdui-icon material-icons">menu</i></a></button>
 <span class="mdui-typo-title">学生党小陈|Chan</span>
  <div class="mdui-toolbar-spacer"></div>
   </div>
   </div>
  <div class="mdui-drawer" id="left-drawer">
  <ul class="mdui-list">
  <li class="mdui-list-item mdui-ripple">
  <!--侧滑内容(图片)-->
    <div class="mdui-list-item-avatar"><img src="pic/chan.jpg"/></div>
    <div class="mdui-list-item-content">学生党小陈|Chan</div>
  </li>
  <a href="app.html"><li class="mdui-list-item mdui-ripple">开发的软件</li></a>
  <li class="mdui-list-item mdui-ripple">待更新</li>
  <li class="mdui-divider"></li>
  <li class="mdui-list-item mdui-ripple">关于本站</li>
  <li class="mdui-subheader">广告</li>
</ul>
</div>
<div class="mdui-container">
<!--推荐页-->
<div class="mdui-grid-tile">
  <a href="javascript:;"><img src="pic/pic1.jpg"/></a>
  <div class="mdui-grid-tile-actions">
    <div class="mdui-grid-tile-text">
      <div class="mdui-grid-tile-title">揭阳美景|拍于2018年</div>
    </div>
  </div>
</div>
<!--账号-->
 <div class="mdui-chip">
  <a href="https://m.bilibili.com/space/475906147" target="_blank"><span class="mdui-chip-icon mdui-color-pink">睿</span>
  <span class="mdui-chip-title">哔哩哔哩</span></a>
</div>
<div class="mdui-chip">
  <a href="http://www.coolapk.com/u/3611668" target="_blank"><span class="mdui-chip-icon mdui-color-green">酷</span>
  <span class="mdui-chip-title">酷安</span></a>
</div>

  <!--推荐页-->
<div class="mdui-grid-tile mdui-m-t-1">
  <a href="blog/1.html"><img src="pic/pic2.jpg"/></a>
  <div class="mdui-grid-tile-actions">
    <div class="mdui-grid-tile-text">
      <div class="mdui-grid-tile-title">图片修复的效果多么可怕！|良心网站分享</div>
    </div>
  </div>
</div>
<div class="mdui-typo">
  <blockquote>
  <footer>HelloChan©️2020~2021 邮箱：3022535842@qq.com</footer>
  </blockquote>
  </div>
<!--终结-->
<script
      src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
      integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A"
      crossorigin="anonymous"
    ></script>